11a

My Listings

agent dashboard (1a) brokerage inventory (4a)

The card is designed for the driveway: four values — address, price, days on market, showings — occupy the top third at sizes readable at arm's length, and everything else sits below them in a fixed grid, so two full cards fit a 390px screen without scrolling. The table is the same information in the same order, so moving between phone and laptop needs no relearning. Both are the patterns the brokerage-wide inventory screen reuses.

Desktop 1440 — table view, sortable

UNISON Real Estate Brokerages

Search my listings, MLS® numbers /

Agent

Dana Kowalchuk Lakeshore & Co.

Lakeshore & Co. / Pandosy Office / Dana Kowalchuk Listings you are agent of record on

MLS® as at 02:52 today · nightly

My listings

{{ headerLine }} · Expired is empty — that tab shows the empty state

{{ w.value }}{{ w.unit }}

Source: {{ w.source }} · last sync {{ w.sync }}


{{ l.address }} {{ l.neighbourhood }} · MLS® {{ l.mls }}	{{ l.price }}	{{ l.type }}	{{ l.status }}	{{ l.listDate }}	{{ l.dom }}	{{ l.showings }}	{{ l.offers }}	{{ l.traffic }}
Nearing expiry {{ l.staleNote }}
{{ totalLabel }}	{{ totalValue }}				{{ medianDom }}	{{ totalShowings }}	{{ totalOffers }}	{{ totalTraffic }}

Click any column heading to sort. Amber days-on-market marks a listing inside 21 days of its expiry date. Median row shows the median, not a sum, for days on market.

{{ l.price }}

days

showings

Product type{{ l.type }}

Listed{{ l.listDate }}

MLS®{{ l.mls }}

Offers received{{ l.offers }}

Website views · 7 d{{ l.traffic }}

Mobile 390 — card view, the driveway case

MY LISTINGS

⌕ DK

MLS® 02:52 {{ mobileSummary }}

{{ l.priceShort }}

days

showings

{{ l.type }} Offers {{ l.offers }} Views {{ l.traffic }} {{ l.mls }}

The card, and why it is built this way

One glance, four values. Address at 18px display weight, price at 27px mono, then days on market and showings as a paired numeric block on the right at 21px with 8.5px labels beneath. Those four sit in the card's top band above a rule, so an agent in a driveway reads them without reading anything else. Two complete cards fit above the fold at 390px.

The second band is the reference row — product type, offers, views, MLS® number — at 11.5px, one line, deliberately quieter. It answers the follow-up question, not the first one.

Status appears twice in different registers: as a stamped pill top-right for the specific listing, and as a 3px rule across the card's top edge, so a scroll of cards reads as bands of colour before any text is parsed. The desktop table uses the same 3px rule on the row's left edge — same signal, rotated.

Expiry is a footer on the card and an inset row under the table row, both amber, both stating the date and the days remaining rather than just flagging. The filter chip in the toolbar isolates them; the table's days-on-market figure turns amber at the same threshold, 21 days out.

Desktop and mobile order the same fields identically, so an agent who learns the card can read the table. Every figure is mono with tabular numerals, so prices and counts align down the column in both views.

The MLS® footer is the last child of both shells, with a print rule pinning it to the foot of every exported page. On mobile it compresses to the trademark sentence, the licence statement and the sync stamp — it never disappears, and it is not dismissible.